<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src='vue.js'></script>
</head>
<body>
	<div id="app">
		<child :content="'hello world'"></child>
	</div>

	<script>

		Vue.component("child", {
			// props: ['content'],
			// props: {
			// 	content: [String. Number]
			// },
			props: {
				content: {
					type: String,
					default: 'default value',
					required: true,
					validator (value) {
						return value.length > 10
					}
				}
			},
			template: '<div>{{content}}</div>'
		})

		var app = new Vue({
			el: '#app',
			data: {
			
			}
		})

		
	</script>
</body>
</html>